<template>

    <div class="cartlist" v-if="carGoods.length!=0">
        <cart-list-item v-for="(item,index) in carGoods" :key="index" :item="item"/>
    </div>
  <!-- <div class="cart-list" >  
    <div class="item" v-for="(item,index) in carGoods" :key="index" >
      
      <div class="img"><check-button class="check" @checkBtn="checkBtn" :checked="carGoods.checked"></check-button><img :src="item.img" alt="" class="a"></div>
      <div class="text">
        <p class="title1">{{item.title}}</p><br/>
        <p class="title2">{{item.title}}</p><br/><br/><br/>
        <p class="price">￥{{item.lowNowPrice}}</p> 
        <div class="count">X{{item.count}}</div>
      </div>
    </div>   
  </div> -->
</template>

<script>

import cartListItem from './cartListItem.vue'

export default {
  name: 'cartList',
  components:{
    cartListItem
  },
  props:{
    carGoods:{
      type:Array,
           default(){
               return []
           }
    }
  },
  // data(){
  //   return{
  //     checked:this.carGoods.checked
  //   } 
  // },
  computed:{
    
  },
  methods:{
   
  }
}
</script>

<style scoped>
  
</style>